<router-outlet></router-outlet>
<div class='tabbarBox'>
    <ul>
        <li [routerLink]="[ '/tabbar/store' ]" routerLinkActive="active" (click)="tabbarStoreChagnge()">
            <img src="../../assets/images/index/u170.png" alt="商城" class="tabbar-img" *ngIf="tabbarStore">
            <img src="../../assets/images/index/u642.png" alt="商城" class="tabbar-img" *ngIf="!tabbarStore">
            <div class='tabName'>商城</div>
        </li>
        <li [routerLink]="[ '/tabbar/cart' ]" routerLinkActive="active" (click)="tabbarCartChagnge()">
            <img src="../../assets/images/index/u230.png" alt="购物车" class="tabbar-img" *ngIf="tabbarCart">
            <img src="../../assets/images/index/u686.png" alt="购物车" class="tabbar-img" *ngIf="!tabbarCart">
            <div class='tabName'>购物车</div>
        </li>
        <li [routerLink]="[ '/tabbar/center' ]" routerLinkActive="active" (click)="tabbarPersonalCenterChagnge()">
            <img src="../../assets/images/index/u26.png" alt="个人中心" *ngIf="tabbarPersonalCenter">
            <img src="../../assets/images/index/u1084.png" alt="个人中心" *ngIf="!tabbarPersonalCenter">
            <div class='tabName'>个人中心</div>
        </li>
    </ul>
</div>